@import "../mixins/common";

.header{
	border:0;
	background-color:#e0e0e0;
	height:70px;
	.wrap{
		height:50px;
		padding:15px 0 5px 0;
		.logo{
			position:relative;
			float:left;
			a{
				display:block;
				width:195px;
				height:50px;
				background:url("../../static/images/logo.png") no-repeat;
			}
			.h-tit{
				color:#008842;
				position:absolute;
				left:240px;
				top:6px;
				font:28px/1 "微软雅黑";
				white-space:nowrap;
			}
		}
		
	}
}
.register{
	padding-top:30px;
	color:#2d2323;
	p{
		margin-bottom: 29px;
		font: 14px Arial,"Microsoft YaHei";
	}
	
	.input{
		border:1px solid #c1c1c1;
		background-color:#fff;
		height:38px;
		vertical-align:middle;
		padding-left:14px;
		margin-right:20px;
		font:14px/38px "微软雅黑";
	}
	.wrap{
		height:634px;
		.tabcenter{
			height:634px;
			background:#FFF;
			border:1px solid lightgreen;
			.already{
				line-height:40px;
				text-align:right;
				padding-right:20px;
				a{
					color:orange;
					text-decoration: underline;
				}
			}
			.fl{
				width:574px;
				height:542px;
				.field-name{
					display:inline-block;
					text-align:right;
					width:220px;
					padding-right:20px;
				}
				.gray{
					color:#666;
				}
				.input-phone {
					width:294px;
				}
				.input-key{
					width:290px;
				}
				.btn-yzm{
					display: inline-block;
					width: 115px;
					height: 38px;
					text-align: center;
					line-height: 38px;
					background-color: #f7f7f7;
					border: 1px solid #c1c1c1;
					margin-right: 20px;
				}
				.green{
					color:#008842;
				}
				#PhoneReg{
					display:inline-block;
					background:grey;
					width:306px;
					font:18px/50px "Microsoft YaHei";
					text-align: center;
					color:#fff;
				}
			}
			.fr{
				width:330px;
				height:390px;
				border-left:1px dashed #008842;
				padding:2px;
			}
		}
	}
}


.footer{
	height:400px;
	border-top:1px solid #e0e0e0;
    clear: both;
    position: relative;
    padding-bottom: 20px;
	margin-top:30px;
	.wrap{
		margin:50px auto 0;
		padding-top:30px;
	}
	dl{
		width: 190px;
		float: left;
		margin-left: 50px;
		display: inline;
		dt{
			height: 23px;
			line-height: 23px;
			background: url(../../static/images/footer_icon.png) no-repeat;
			font-size: 14px;
			text-indent: 40px;
		}
		dd{
			border-left: 1px dashed #A8A8A8;
			padding-left: 20px;
			height: 110px;
			min-height: 110px;
			margin: 15px 0 0 13px;
			a{
				color: #575556;
				line-height: 22px;
			}
		}
	}
	.col1{
		dt{
			background-position: 0 0;
		}
	}
	.col2{
		dt{
			background-position:0 -23px;
		}
	}
	.col3{
		dt{
			background-position: 0 -46px;
		}
	}
	.col4{
		dt{
			background-position:0 -69px;
		}
	}
	.col5{
		dt{
			background-position:0 -92px;
		}
	}
	.server{
		clear: both;
		text-align: center;
		padding: 60px 0 20px;
		color: #008842;
		font-size: 14px;
		span{
			padding:0 10px;
		}
	}
	.copyright{
		clear: both;
		color: #717171;
		text-align: center;
		line-height: 22px;
		margin-bottom:30px;
		a{
			color: #717171;
		}
		img{
			height:47px;
		}
	}
}
